/* 公共的样式 */
.fl{
    float: left;
}
.fr{
    float: right;
}
.w{
    width: 1200px;
    margin: 0 auto;
}

.style-red{
    color:#f81623;
}
/*  设置小竖线 */
.spacer{
    width: 1px;
    height: 12px;
    background-color: #666;
    margin: 9px 15px 0;
}
.fr i{
    font-size: 1px;
    /*  行高大于高，【偏上 */

    margin-left: 6px;

}
/* 顶部导航栏 */
.shortcut {
    height: 31px;
    background-color: #f1f1f1;
    line-height: 31px;
}
/* .zhuanshu{
    width: 612px;
} */
.shortcut li{
    float: left;
}
.header{
    height: 105px;
    /* background-color: pink; */
    position: relative;
}
.logo{
    position: absolute;
    top: 25px;
    left: 0;
    width: 171px;
    height: 61px;
    /* background-color: purple; */
}
.logo a{
    display: block;
    width: 171px;
    height: 61px;
    /* background-color: purple; */
    background: url("../img/logo.png") no-repeat;
    /*  让字体隐藏起来 */
    text-indent: -3em;
    overflow: hidden;
    /* 或者 */
    /* font-size: 0; */
}

/* 搜索框 */
.search{
    position: absolute;
    top: 26px;
    left: 348px;
}
.text{
    /* 设置浮动是为了让文本框和搜索按钮贴近在一起 */
    float: left;
    width: 455px;
    height: 36px;
    border: 2px solid #b1191a;
    padding-left: 10px;
    color: #ccc;
}
.btn{
    float: left;
    width: 82px;
    height: 36px;
    background-color: #b1191a;
    border: 0;
    font-size: 16px;
}
/* 热词 */
.hotwords{
    position: absolute;
    top: 65px;
    left: 348px;

}
.hotwords a{
    margin: 0 10px;
}
.shop-car{
    position: absolute;
    top: 25px;
    right: 64px;
    width: 138px;
    height: 34px;
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    line-height: 34px;
    text-align: center;
}
.arrow{
    margin-left: 5px;
    color:black;
}

/* 设计购物车统计部分 */
.count{
    
    position: absolute;
    top: -5px;
    /* 应该是左侧对齐，文字才能增加的时候向右走 */
    left: 100px;
    right: 18px;
    background-color: #e60012;
    height: 14px;
    line-height: 14px;
    padding: 0 1px;
    color: #fff;
    /* 设计数字部分奇怪样式 */
    border-radius: 7px 7px 7px 0;

}
.nav{
    height: 45px;
    border-bottom: 2px solid #b1191a
}

/* 全部商品分类 */
.dropdown{
    width: 209px;
    height: 45px;
    /* background-color: pink; */
}
.dropdown .dt{
    width: 100%;
    height: 100%;
    background-color: #b1191a;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    text-align: center;
}
.dropdown .dd{
    height: 465px;
    background-color: #c81623;
    
}

/* 左边菜单栏 */
.menu-item{
    height: 31px;
    line-height: 31px;
    margin-left: 1px;
    padding:0 10px;
}
.menu-item:hover{
    background-color: #fff;
}
/* 鼠标经过li，里面的a变颜色 */
.menu-item:hover a{
    color: #c81623;
}
.menu-item a{
    font-size: 14px;
    color: #fff;
}
.menu-item i{
    font-size: 18px;
    color: #fff;
    float: right;

}

/* 中间导航栏 */
.navitems{
    margin-left: 10px;
}
.navitems li{
    float: left;
}
.navitems li a{
    display: block;
    line-height: 45px;
    padding: 0 25px;
    font-size: 16px;

}

/* footer部分 */
.footer{

    height: 386px;
    background-color: #f5f5f5;
    padding-top: 30px;
}

.mod_service {
    height: 79px;
    /* background-color: pink; */
    border-bottom: 1px solid #ccc;
}
.mod_service li{
    width: 240px;
    float: left;
    height:79px ;
}

.title h5{
    margin-top: 5px;
}
.title{
    float: left;
    margin-left: 5px;
}

.mod_help{

    height: 187px;
    /* background-color: pink; */
    border-bottom: 1px solid #ccc;

}
.mod_help dl{
    
    width: 200px;
    float: left;
    padding: 20px 0 0 50px;
}
.mod_help dt{
    height: 35px;
    font-size: 16px;
}
.mod_help dd{
    height: 20px;
}

.mod_copyright{
    text-align: center;
}
.mod_copyright a{
    margin: 0 20px;
}
.mod_copyright_links{
    margin: 20px 0 15px 0;
}